<div class="page">
	<!--<div class="navbar">
		<div class="navbar-inner sliding">
			<div class="left">
				<a href="#" class="link back">
					<i class="icon icon-back"></i>
					<span class="ios-only"></span>
				</a>
			</div>
			<div class="title">资产扫描</div>
			<div class="right">

			</div>
		</div>
	</div>-->
	<div class="page-content">
		<div class="stocktak">
			<div id="bcid">
				<div style="height:40%"></div>
				<p class="tip">...载入中...</p>
			</div>
			<div class="footer">
				<a href="#" id="closePage" class="backBtn">取消</a>
				<a href="#" id="setFlash"><i class="aliiconfont aliicon-dengpao"></i></a>
				<a href="#" id="pauseScan">暂停</a>
				<span class="am-icon-check  am-icon-lg check"></span>
			</div>
			<div class="dia_log">
				<h5>盘点提醒</h5>
				<div class="title" id="templateStocktakMesDiv">
					<script id="templateStocktakMes" type="text/template7">
						<p>
							<i class="am-icon-check-square-o check am-icon-sm"></i>
							<input type="checkbox" name="" id="" />&emsp;<span>资产编号</span>&emsp;<span>{{Code}}</span>
						</p>
						<p>
							<input type="checkbox" name="" id="" />&emsp;<span>规格型号</span>&emsp;<span>{{规格型号}}</span>
						</p>
						<p>
							<input type="checkbox" name="" id="" />&emsp;<span>资产名称</span>&emsp;<span>{{资产名称}}</span>
						</p>
						<p>
							<input type="checkbox" name="" id="" />&emsp;<span>存放位置</span>&emsp;<span>{{StoreCodeName}}</span>
						</p>
					</script>
				</div>
				<div class="stateBtn">

					<label>结果：</label>
					<br>
					<div class="row">
						<button class="button col normal active">正常</button>
						<button class="button col stateAnomaly">异常</button>
						<button class="button col inventorySurplus">盘盈</button>
					</div>
				</div>
				<div class="stateBtnAnomaly">
					<div class="row">
						<button class="button col">位置异常</button>
						<button class="button col">名称异常</button>
						<button class="button col">标签异常</button>
					</div>
				</div>
				<div class="textareaBox">
					<label>备注：</label><br><textarea name="" rows="1" placeholder="添加盘点描述" class="remarks"></textarea>
				</div>
				<br>
				<div class="btnBox">
					<span class="cancel">取消</span>
					<span class="enter">确定</span>
				</div>
			</div>
		</div>
	</div>
	<style>
		div.stocktak .dia_log {
			width: 90%;
			position: absolute;
			top: 45%;
			left: 50%;
			transform: translate(-50%, -50%);
			background: #fff;
			border: 1px solid #ccc;
			border-radius: 12px;
			/* padding: 20px 30px 0; */
			display: none;
			font-size: 12px;
			z-index: 100;
		}
		
		div.stocktak .dia_log h5 {
			border-bottom: 1px solid #ccc;
			margin: 0;
			text-align: center;
			padding-bottom: 10px;
			background: #55B9DA;
			padding-top: 10px;
			border-top-left-radius: 12px;
			border-top-right-radius: 12px;
			color: #fff;
		}
		
		div.stocktak .dia_log .btnBox {
			background: #55B9DA;
			text-align: center;
			border-bottom-right-radius: 12px;
			border-bottom-left-radius: 12px;
			color: #fff;
			display: flex;
		}
		
		div.stocktak .dia_log .btnBox span {
			width: 50%;
			height: 100%;
			padding: 10px 0;
		}
		
		div.stocktak .dia_log .btnBox span+span {
			border-left: 1px solid #ccc;
		}
		
		div.stocktak .dia_log .title p {
			margin: 15px 0;
			padding: 0 20px;
			font-size: 14px;
		}
		
		div.stocktak .dia_log .title p input {
			width: 25px;
			height: 25px;
			vertical-align: middle;
		}
		
		div.stocktak .dia_log .title p span:nth-of-type(2) {
			display: inline-block;
			width: 60%;
			vertical-align: text-top;
		}
		
		div.stocktak .dia_log .title {
			background: #fff;
			position: relative;
			/* color: #fff; */
			border-bottom: 1px solid #ccc;
		}
		
		div.stocktak .dia_log .stateBtn {
			padding: 10px 20px 0;
		}
		
		div.stocktak .dia_log .stateBtnAnomaly {
			border: 1px solid #ccc;
			padding: 10px;
			display: none;
			width: 90%;
			margin: 10px auto 0;
			/* text-align: center; */
			position: relative;
			border-radius: 10px;
		}
		
		div.stocktak .dia_log .textareaBox {
			padding: 0 20px;
			margin-top: 15px;
		}
		
		div.stocktak textarea {
			color: #000 !important;
			-webkit-user-select: auto;
			border: none;
			border-bottom: 1px solid #ccc;
			outline: none;
			width: 100%;
			padding: 10px 0;
		}
		
		div.stocktak .dia_log .stateBtn button.active {
			color: #276C77;
			background: #D7F7FA;
		}
		
		div.stocktak .dia_log .stateBtnAnomaly button.active {
			background: #f40;
			color: #fff;
		}
		
		#bcid {
			width: 100%;
			position: absolute;
			top: 0;
			padding: 10px 0;
			bottom: 40px;
			text-align: center;
			z-index: 99;
			/*display: none;*/
			background: #000;
		}
		
		.tip {
			color: #FFFFFF;
			font-weight: bold;
			text-shadow: 0px -1px #103E5C;
		}
		
		.footer {
			width: 100%;
			height: 64px;
			position: absolute;
			bottom: 0px;
			line-height: 44px;
			text-align: center;
			color: #FFF;
			display: flex;
		}
		
		.footer a {
			flex: 1;
			background-color: #FFCC33;
			border: 0;
			justify-content: center;
			align-items: center;
			display: inline-flex;
			z-index: 100;
		}
	</style>
</div>